<template>
    <div class="secound">secound</div>
</template>
<script>
export default {
    name: 'SecoundName',
    data() {
        return {}
    },

    beforeCreate() {
        console.log('beforeCreate secound child')
    },
    created() {
        console.log('created secound child')
    },
    beforeMount() {
        console.log('beforeMount secound child')
    },
    mounted() {
        console.log('mounted secound child')
    },
    activated() {
        console.log('activated secound child')
    },
    deactivated() {
        console.log('deactivated secound child')
    },
    beforeDestroy() {
        console.log('beforeDestroy secound child')
    },
    destroyed() {
        console.log('destroyed secound child')
    },
    beforeRouteEnter() {
        console.log('beforeRouteEnter secound child')
    },
    beforeRouteUpdate() {
        console.log('beforeRouteUpdate secound child')
    },
    beforeRouteLeave() {
        console.log('beforeRouteLeave secound child')
    },
}
</script>
<style lang="scss" scoped>
.secound {
}
</style>
